<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>



    <script src="js/main.js"></script>
    <script src="js/wow.min.js"></script>
    <script>
            new WOW().init();
    </script>
    <script src="swiper/js/swiper.min.js"></script>
    <script src="js/jquery-1.11.0.min.js"></script>



    <link rel="stylesheet" href="css/main.css">
    <link rel="stylesheet" href="css/animate.min.css">
    <link rel="stylesheet" href="swiper/css/swiper.min.css">


</head>
<body>
    <!-- 这是header -->
    <div class="header">
        <div class="logo"><img src="assets/header/logo .png" alt=""></div>
        <div class="nav">
                <ul>
                    <li>
                        <a class="links" href="index.html">首页</a>
                        <ul>
                            <li><img src="assets/header/标示线.png" alt=""></li>
                        </ul>
                    </li>
                    <li>
                        <a class="links" href="product.html">产品中心</a>
                        <ul>
                            <li><img src="assets/header/标示线.png" alt=""></li>
                        </ul>
                    </li>
                    <li>
                        <a class="links" href="solution.html">解决方案</a>
                        <ul>
                            <li><img src="assets/header/标示线.png" alt=""></li>
                        </ul>
                    </li>
                    <li>
                        <a class="links" href="honor.html">资质荣誉</a>
                        <ul>
                            <li><img src="assets/header/标示线.png" alt=""></li>
                        </ul>
                    </li>
                    <li>
                        <a class="links" href="succeed.html">成功案例</a>
                        <ul>
                            <li><img src="assets/header/标示线.png" alt=""></li>
                        </ul>
                    </li>
                    <li>
                        <a class="links active" href="cooprate.html">商务合作</a>
                        <ul>
                            <li><img src="assets/header/标示线.png" alt=""></li>
                        </ul>
                    </li>
                    <li>
                        <a class="links" href="trying.html">产品试用</a>
                        <ul>
                            <li><img src="assets/header/标示线.png" alt=""></li>
                        </ul>
                    </li>
                </ul>
            </div>
        <div class="aqwk">
            <img src="assets/header/文库.png" alt="">
            <p class="contactUs">联系：0315-801-8066</p>
        </div>
    </div>
    <!-- 链接标识 -->
    <div class="linkDownPic"><img src="assets/header/标示线.png" alt=""></div>
    <div class="bannerPic animated wow fadeInRight" data-wow-offset="50" data-wow-delay="1s">
        <img src="assets/coGo/5916712c4e029.png" alt="">
    </div>
    <div class="xinxin">
        <div class="breadNav animated wow fadeInRight">
            <a href="" style="color:#242424;">首页</a>> <a href="" style="color:#242424;">商务合作</a> > <span style="color:#186AE2;">合作入口</span> 
            <p style="font-size:3rem;color: #333333;margin-top: 3rem;">申请合作</p>
            <div class="fgx"></div>
            <div class="dangrous">
                <span><img src="assets/coGo/危险源.png" alt=""></span>
                <span style="width: 32rem;display: block;">感谢您对首安云的关注与支持，请填写以下简单信息，以便我们能够及时的联系到您。首安云在此声明：您所提供的任何信息都将保密，我们不会通过任何渠道泄露您的信息</span>
            </div>
            <div class="fgx"></div>
            <ul class="listlistlist">
                <li>
                    <span>公司名称</span>
                    <input type="text" id="1">
                </li>
                <li>
                    <span>母公司名称</span>
                    <input type="text" id="2">
                </li>
                <li>
                    <span>企业所在国家</span>
                    <input type="text" id="3">
                </li>
                <li>
                    <span>企业所在省份</span>
                    <input type="text" id="4">
                </li>
                <li>
                    <span>对接人电话</span>
                    <input type="text" id="5">
                </li>
                <li>
                    <span>对接人邮箱</span>
                    <input type="text" id="6">
                </li>
                <li>
                    <span>公司网址</span>
                    <input type="text" id="7">
                </li>
                <li>
                    <span>合作方向</span>
                    <input style="height: 5rem;" type="text" id="8">
                </li>
                <li>
                    <span></span>
                    <input style="width: 13rem;height: 3rem;
                        border-radius: 1.5rem;
                        -webkit-border-radius:1.5rem;
                        -moz-border-radius:1.5rem;
                        -ms-border-radius:1.5rem;
                        -o-border-radius:1.5rem;
                        border: 0;
                        background-color: #186AE2;
                        color: #fff;
                    " type="button" value="立即提交" onclick="datago()" />
                </li>
            </ul>
            
        </div>
        <!-- <div style="height: 29rem;width: 1px;background-color: #CDCDCD;"></div> -->
        <div class="xinxinright animated wow fadeInRight">
            <div class="saomiao">
                <span><img src="assets/coGo/icon_扫描.png" alt=""></span>
                <span>扫描二维码，关注首安云</span>
            </div>
            <div class="ewm">
                <img src="assets/coGo/矩形7.png" alt="">
            </div>
            <div class="telGo">
                <span><img src="assets/coGo/电话1.png" alt=""></span>
                <span>如需了解更多产品详情，请致电</span>
            </div>
            <div class="telin">
                <span><img src="assets/coGo/电话.png" alt=""></span>
                <span>0315-8018066</span>
            </div>
        </div>
    </div>
        
    <div class="mid">
        
    </div>






        <!-- 这是footer -->
    <div class="footer animated wow fadeInUp">
        <div class="footerHeart">
            <div class="footerContent">
                <div class="qrcode">
                    <div class="wx">
                        <p style="height:1rem;
                        font-size:1rem;
                        font-family:MicrosoftYaHei;
                        font-weight:400;
                        color:rgba(245,245,245,1);
                        line-height:1.13rem;">官方微信</p>
                        <img src="assets/footer/微信二维码.png" alt="">
                    </div>
                    <div class="qq">
                        <p style="height:1rem;
                        font-size:1rem;
                        font-family:MicrosoftYaHei;
                        font-weight:400;
                        color:rgba(245,245,245,1);
                        line-height:1.13rem;">APP下载</p>
                        <img src="assets/footer/app下载.png" alt="">
                    </div>
                    <div class="hrefs">
                        <p style="
                        height:1rem;
                        font-size:1rem;
                        color:rgba(255,255,255,1);">网站链接</p>
                        <p style="
                        height:0.81rem;
                        font-size:0.75rem;
                        color:rgba(215,215,215,1);">北京首钢自动化有限公司（官网）</p>
                        <p style="
                        height:0.81rem;
                        font-size:0.75rem;
                        color:rgba(215,215,215,1);">后台系统登录</p>
                    </div>
                </div>    
                <div class="infomation">
                    <span>服务热线</span>
                    <span>商务合作</span>
                </div>
                <div class="fgx"></div>
                <div class="footerContList">
                    <ul>
                        <li>电话：0315-8018066</li>
                        <li>24小时在线帮助</li>
                    </ul>
                    <ul>
                        <li>邮箱：xiaohan@shougang.com.cn</li>
                        <li>地址：北京市石景山区石门路1号</li>
                    </ul>
                </div>
            </div>
            <!-- <img src="assets/footer/Message.png" alt=""> -->
            <!-- 获客表单 -->
            <!-- 获客表单 -->
            <div class="staticForm  animated wow fadeInRight"  data-wow-offset="50" data-wow-delay="1s">
                <!-- <form action="http://192.168.147.32:8080/srp/mh/mh-register!add.action" method="POST"> -->
                    <div class="inLine">
                        <input type="text" name="personName" id="name" placeholder="姓名">
                        <input type="email" name="email" id="email" placeholder="邮箱">
                    </div>
                    <div class="inLine">
                        <input type="tel" name="telephone" id="tel" placeholder="电话">
                        <input type="text" name="company" id="company" placeholder="公司">
                    </div>
                   
                    <textarea name="need" id="needed" cols="47" rows="10" placeholder="需求说明"></textarea>
                    <input style="border:none;margin: 1rem;" type="button" onclick="submit()" value="发送留言">
                <!-- </form> -->
            </div>
        </div>
        <div class="bbbb">
                Copyright © 2018 shougang.com.cn, All Rights Reserved © 2018中国·首钢集团
        </div>
    </div>
    <div class="qqwxwb"  >
            <ul class="qwbli">
                <li onmouseover="changeSlide(true);">
                    <img src="assets/slider/在线咨询.png" alt="">
                    <p>在线咨询</p>
                </li>
                <li onmouseover="changeSlide(true);">
                    <img src="assets/slider/电话咨询.png" alt="">
                    <p>电话咨询</p>
                </li>
                <li onmouseover="changeSlide(true);"">
                        <img src="assets/slider/微信咨询.png" alt="">
                        <p>微信咨询</p>
                    </li>
                <li onclick="toTop()">
                    <img src="assets/slider/top.png" alt="">
                    <p>回到顶部</p>
                </li>
            </ul>
            <ul class="qwbhover">
                <li onmouseout="changeSlide(false);"  onclick="javascript:window.open('http://b.qq.com/webc.htm?new=0&sid=1019731987&o=首安云官网&q=7', '_blank', 'height=502, width=644,toolbar=no,scrollbars=no,menubar=no,status=no');" >qq在线咨询</li>
                <li onmouseout="changeSlide(false);">0315-8018066</li>
                <li onmouseout="changeSlide(false);">扫一扫关注<br/>微信公众号</li>
                <li onclick="toTop()" style="
                width: 4rem;
                height: 4rem;
                background-color: rgba(0,0,0,0.68);
                display: flex;
                justify-content: center;
                align-items: center;
                margin: 1rem;
                flex-direction: column;
                color: #fff;
                font-size: 0.88rem;
                margin-left: 6rem;
                cursor: pointer;"
                >
                    <img src="assets/slider/top.png" alt="">
                    <p>回到顶部</p>
                </li>
                <li><div style="
                    position:relative;
                    top: -250%;
                    margin-right: 16rem;
                    "><img src="assets/slider/矩形7.png" alt=""></div></li>
            </ul>
            
            
        </div>
</body>
</html>